import React, { Component } from 'react';
import styles from './index.less';

export default class ProductRank extends Component {
  state = { height: 0 };

  componentDidMount() {}

  render() {
    return (
      <div className={styles.root}>
        <div className={styles.table}>
          <div className={styles.th}>
            <div>序号</div>
            <div>电厂名称</div>
            <div>发电量</div>
            <div>上网电量</div>
            <div>进场垃圾量</div>
            <div>供汽量</div>
            <div>实际标煤耗</div>
            <div>吨垃圾上网电量</div>
            <div>综合评分</div>
          </div>

          <div className={styles.tbody}>
            <div className={styles.child}>
              <div className={styles.tr}>
                <span className={styles.card}>
                  <img src={require('../../img/gold.png')}></img>
                </span>
                <div>1</div>
                <div>XX工厂</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>C</div>
              </div>
              <div className={styles.tr}>
                <span className={styles.card}>
                  <img src={require('../../img/silver.png')}></img>
                </span>
                <div>2</div>
                <div>XX工厂</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>C</div>
              </div>
              <div className={styles.tr}>
                <span className={styles.card}>
                  <img src={require('../../img/copper.png')}></img>
                </span>
                <div>3</div>
                <div>XX工厂</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>C</div>
              </div>
              <div className={styles.tr}>
                <div>4</div>
                <div>XX工厂</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>60</div>
                <div>C</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    );
  }
}
